body{
    height: 100vh;
    display: flex;
    flex-direction: column;
    
    header{
        width: 100vw;
        height: 50px;
        background-color: gainsboro;
    }
    main{
        background-color: white;
        flex-grow: 1;
    }
    footer{
        width: 100vw;
        height: 50px;
        background-color:gainsboro;
        display: flex;
        justify-content: space-around;
        //align-items: center;
        .menu{
            border: solid 1px gray;
            display: flex;
            flex-grow: 1;
            flex-direction: column-reverse;
            position: relative;
            a{
                display: flex;
                flex-grow: 1;
                align-items: center;
                justify-content: center;
            }
            .second-menu{
              display: flex;
              flex-direction: column;
              position: absolute;
              top: -50px;
            }
        }
    }
}
